<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>模板录入</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="/resources/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/resources/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <script src="/resources/js/echarts.min.js"></script>
    <link rel="stylesheet" href="/resources/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/resources/css/amazeui.datatables.min.css"/>
    <link rel="stylesheet" href="/resources/css/app.css">
    <link rel="stylesheet" href="/resources/css/tag.css">
    <script src="/resources/js/jquery.min.js"></script>
</head>

<body data-type="widgets">
<script src="/resources/js/theme.js"></script>
<div class="am-g tpl-g">

    <%--头部开始--%>
    <%@include file="header.jsp" %>
    <%--头部结束--%>

    <!-- 内容区域 -->
    <div class="tpl-content-wrapper">
        <div class="row-content am-cf">
            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title  am-cf">模板录入</div>
                        </div>

                        <!-- 症状录入 -->
                        <form id="templateForm" class="am-form tpl-form-border-form tpl-form-border-br">

                            <!-- 模板分类 -->
                            <div class="am-form-group  am-u-sm-12 am-u-lg-6">
                                <label class="am-u-sm-4 am-form-label">模板分类</label>
                                <div class="am-u-sm-6">
                                    <div class="am-form-group " >
                                        <label class="am-radio-inline ">
                                            <input type="radio" class="temType" name="temType"  value="dietary" checked="checked"> 食疗【药品】
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" class="temType" name="temType" value="nurse"> 调理【穴位】
                                        </label>
                                    </div>
                                </div>
                                <div class="am-u-sm-2">
                                    <small class="tiptemType">必填！</small>
                                </div>
                            </div>

                            <!-- 模板详情-->
                            <div class="am-form-group am-u-sm-12">
                                <label class="am-u-sm-4 am-u-lg-2 am-form-label">模板详情</label>
                                <div class="am-u-sm-6 am-u-lg-9">
                                    <%--添加出的标签--%>
                                    <div class="proBody"></div>
                                    <select id="temDetail" name="temDetail" multiple  data-am-selected="{searchBox: 1, maxHeight: 300, btnWidth: '740px'}" >
                                        <!-- 动态加载数据 -->
                                    </select>
                                </div>
                                <div class="am-u-sm-1">
                                    <small class="tiptemDetail">必填！</small>
                                </div>
                            </div>

                            <!-- 模板功效-->
                            <div class="am-form-group am-u-md-12 am-u-lg-6">
                                <label class="am-u-sm-4 am-form-label">模板功效</label>
                                <div class="am-u-sm-6">
                                    <textarea  name="temEffect" class="am-form-field tpl-form-no-bg temEffect" placeholder="请输入模板功效" maxlength="200"></textarea>
                                </div>
                                <div class="am-u-sm-2">
                                    <small class="tiptemEffect">必填！</small>
                                </div>
                            </div>

                            <!-- 模板说明-->
                            <div class="am-form-group am-u-md-12 am-u-lg-6">
                                <label class="am-u-sm-4 am-form-label">模板说明</label>
                                <div class="am-u-sm-6">
                                    <textarea     name="temInstruct" class="am-form-field tpl-form-no-bg temInstruct"
                                              placeholder="请输入模板说明" maxlength="200"></textarea>
                                </div>
                                <div class="am-u-sm-2">
                                    <small class="tiptemInstruct">此项为必填项！</small>
                                </div>
                            </div>

                            <!-- 模板商品总价-->
                            <div class="am-form-group am-u-md-12 am-u-lg-6">
                                <label class="am-u-sm-4 am-form-label">模板总价</label>
                                <div class="am-u-sm-6">
                                    <input type="text" class="purchPrice"  id="temProductPrice" name="temProductPrice" readonly="readonly"/>
                                </div>
                                <div class="am-u-sm-2">
                                    <small>元</small>
                                </div>
                            </div>

                            <!-- 备注-->
                            <div class="am-form-group am-u-md-12 am-u-lg-6">
                                <label class="am-u-sm-4 am-form-label">备注</label>
                                <div class="am-u-sm-6">
                                    <textarea id="temNote" name="temNote" class="am-form-field tpl-form-no-bg"
                                              placeholder="请输入备注" maxlength="200"></textarea>
                                </div>
                                <div class="am-u-sm-2">
                                </div>
                            </div>

                            <!-- 按钮 -->
                            <div class="am-form-group am-u-md-12 am-u-lg-12">
                                    <span class="am-u-sm-3">
                                    </span>
                                <div class="am-u-sm-7 am-u-sm-push-4">

                                    <button type="button"   id="form_submit"
                                            class="am-btn am-btn-primary tpl-btn-bg-color-success am-u-sm-5  "
                                             >提交
                                    </button>
                                </div>
                                <span class="am-u-sm-2">
                                    </span>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%-- 内容区域结束--%>

</div>

<script src="/resources/js/amazeui.min.js"></script>
<script src="/resources/js/amazeui.datatables.min.js"></script>
<script src="/resources/js/dataTables.responsive.min.js"></script>
<script src="/resources/js/app.js"></script>
<script src="/resources/jsutlis/fileutli.js"></script>
<script src="/resources/js/tag.js"></script>
<script src="/resources/js/template.form.validation.js"></script>
<%--<script type="text/javascript">
    var tag = new Tag("temDetail");
    tag.initView();
</script>--%>
</body>

</html>